.container {
    height: 100%;
    min-height: 100vh;
    width: 100%;
    /* background: linear-gradient(to right, #9900ff, #cc80ff);  */
    /* background-image: url('../images/xyz.png');  */
    /* background-color: #000; */
    display: flex;
    justify-content: center;
    background-size: cover;
    align-items: center;
    background-repeat: no-repeat;
  }
  

.imageCol {
    padding: 0; /* Remove any padding from the column */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; /* Hide any overflow */
  }
  
  .imageContainer {
    width: 100%; /* Ensure the container takes up the full width */
    height: 100%; /* Take up entire height of the column */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .back_image_cand {
    max-width: 100%; /* Ensure the image doesn't exceed the container's width */
    max-height: 100%; /* Ensure the image doesn't exceed the container's height */
    width: 700px;
    height: 400px;
  }
  